<template>
    <div class="picContent">
        <el-dialog title="查看检测报告书" :visible.sync="reportPic_visible" :before-close="pictureClose" center>
             <el-image
                style="width: 500px; height: 500px"
                :src="img"
                fit="fill"
            >
            </el-image>
        </el-dialog>
    </div>
</template>

<script>
export default {
    props: {
      reportPic_visible: {
        type: Boolean,
        default: true
      },
      img: {
        type: String,
        default: () => {}
      }
    },
    methods: {
        pictureClose() {
            this.$emit("closePicDialog", false);
        }
        
    }
}
</script>

<style lang="scss" scoped>
.picContent /deep/ .el-dialog {
        .el-dialog__body {
            text-align: center;
        }
    }
</style>